Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un paragrafo (tag P) questo viene selezionato e la selezione viene evidenziata circondandolo di un bordo rosso (alla proprietà di stile border si assegna la stringa “5px solid red”). Non è possibile selezionare altri paragrafi quando ne è già stato selezionato uno. Il paragrafo viene deselezionato interagendo (evento onchange) con un menu a tendina predefinito (attributo id assegnato): il bordo viene rimaosso (alla proprietà di stile border si assegna il valore “initial”) e al contenuto del paragrafo si aggiunge in coda il valore associato all'opzione selezionata nel menu preceduto da un carattere di spazio.

Change paragraph content

Set content

Primo paragrafo

Secondo paragrafo

Terzo paragrafo

Quarto paragrafo